<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="pages/base.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<link href="css/index/index.yy.css" rel="stylesheet" type="text/css">
<title>友缘网</title>
</head>
<body>
	<!-- 导航栏框架 -->
	<div class="yy_header">
		<div class="yy_nav">
			<span class="logo" title="找对象，上友缘网！"><a href="#"></a></span>
			<ul>
				<li><a class="a_01 a_out" href="index_redirectIndex"><span></span>首页</a></li>
				<li><a class="a_02" href="space_redirect?type=0"><span></span>空间</a></li>
				<li><a class="a_04" href="search_redirectSearch"><span></span>搜缘</a></li>
				<li><a class="a_05" href="space_redirect?type=1"><span></span>服务</a></li>
				<li><a class="a_03" href="space_redirect?type=2"><span></span>信箱</a></li>
			</ul>
			<div id="mineInfo" class="set_up ">
				<span title="下载手机客户端，获取更多精彩内容">友缘客户端</span>
				<div id="topSetDiv" class="set_tip popupTip" style="display: none;">
					<ol>
						<li><a id="btnLogout" href="file/YouYuan.apk">下载客户端</a></li>
					</ol>
				</div>
			</div>
		</div>
	</div>
	<!-- 主展示图片banner -->
	<div id="play">
		<div id="ad" class="packet">
			<ol>
				<li></li>
				<li></li>
				<li class="active"></li>
			</ol>
			<ul>
				<li><img src="images/index/adBig1.jpg" alt="找对象，上友缘网！" /></li>
				<li><img src="images/index/adBig2.jpg" alt="找对象，上友缘网！" /></li>
				<li><img src="images/index/adBig3.jpg" alt="找对象，上友缘网！" /></li>
			</ul>
		</div>
		<!-- 注册登录界面 -->
		<div class="yy_login">
			<div class="yy_ligon_info">
				<!--快速登录注册 start-->
				<div class="yy_enroll" id="yy_enroll">
					<ul>
						<li class="">免费注册</li>
						<li class="a_out">快速登录</li>
					</ul>
					<ol style="display: none;">
						<li><label>注册方式：</label> <span class="mail"> <input
								value="mail" name="choseType" checked="ckecked" type="radio"
								id="ml" /> <label for="ml">邮箱注册</label></span><span class="tel">
								<input name="choseType" value="tel" id="tele" type="radio" /> <label
								for="tele">手机注册</label>
						</span></li>
						<li><label id="lbl_username">注册邮箱：</label> <input
							class="inpt" id="phoneNum" type="text" value="请输入正确的手机号/邮箱" /></li>
						<li><label>设置密码：</label> <input class="inpt" type="text"
							name="password" value="请填写3-10位数字或字母" title="请填写3-10位数字或字母"
							id="password" /></li>
						<li><label>注册姓名：</label> <input class="inpt" type="text"
							name="nickname" value="请填写姓名！" title="请填写姓名！" id="nickname" /></li>
						<li id="choseSex"><label>我&nbsp;&nbsp;&nbsp;&nbsp;是：</label>
							<span class="sex" id="sex_0"> <input type="radio"
								name="sex" value="0" /> <label for="sex_0">帅哥</label></span><span
							class="sex" id="sex_1"> <input type="radio" name="sex"
								value=" 1" /> <label for="sex_1">美女</label>
						</span><font style="display: none;" class="sexMsg">*性别注册后不可修改</font></li>
						<li><label>年&nbsp;&nbsp;&nbsp;&nbsp;龄：</label> <select
							id="choseAge">
								<option class="selectItem" value="18" selected="true">18岁</option>
								<s:iterator begin="19" end="50" status="st">
									<option class="selectItem"
										value="<s:property value="#st.index + 19" />"><s:property
											value="#st.index+19" />岁
									</option>
								</s:iterator>
						</select></li>
						<li class='wrong' id='errorMsg' style='display: none;'>*请输入正确的手机号格式</li>
						<li class="ljzc"><a href="#" data_err="false"
							id="registerSubmit" title="立即注册">确认注册</a></li>
						<li class="qq_login"><a href="#" class="home_icon wb"></a><a
							href="#" class="home_icon qq"></a></li>
					</ol>
					<ol class="zjdl" style="display: block;">
						<li><label>登录帐号：</label> <input id="loginUserId"
							maxlength="50" class="inpt" type="text" value="请输入正确的手机号/邮箱" /></li>
						<li><label>登录密码：</label> <input id="loginPassText"
							class="inpt" title="登陆密码" type="text" value="登录密码" /> <input
							style="display: none" id="loginPass" title="登录密码" class="inpt"
							type="password" /></li>
						<li><label>验证码：</label> <input id="loginCAPTCHA"
							maxlength="5" class="inpt inpt2" type="text" value="请输入验证码" /> <img
							src="tools/checkCode.jsp"
							onclick="this.src='tools/checkCode.jsp?a='+Math.random()" /></li>
						<li class='wrong' id='loginMsg' style='display: none;'>*请输入正确的用户名或密码</li>
						<li class="dlzh"><a href="#" id="loginSubmit">立即登录 遇见有缘人</a></li>
						<li class="remember"><input id="savePass" type="checkbox" />
							<em>记住密码（公共场所慎用）</em><a id="findPassA" href="#">忘记密码？</a></li>
						<div style="display: none" id="findPassDiv_s" class="think">请用你验证的手机号编辑短信“有缘网”发送到12114找回密码</div>
					</ol>
				</div>
				<!--快速登录注册 end-->
				<!--用户登录状态 start-->
				<!--用户登录状态 end-->
			</div>
		</div>
		<!--用户登陆end-->
	</div>
	<!--焦点图 三按钮 end-->
	<div class="yy_list">
		<b>VIP会员推荐</b>
		<ul class="refer">
			<li class="li_01"><a href="#" class="fancyboxShow" data-fancybox-group="gallery"><img
					src="images/index/xufeng.jpg" width="327" height="324" />
					<div class="show_box">
						<font>成功案例 许峰 && 徐小燕 一起散步，慢慢到老···</font>
					</div></a></li>
			<li class="li_02"><a href="#" class="fancyboxShow" data-fancybox-group="gallery"><img
					src="images/index/liushichen.jpg" width="327" height="324" />
					<div class="show_box">
						<font>成功案例 刘仕琛 && 江凌 相守那就是一辈子···</font>
					</div></a></li>
			<li class="li_03">
				<div class="box">
					<a href="#"><img src="images/index/xuandongdong.jpg"
						width="160" height="160" />
						<div class="show_box3_01">
							<font>宣东东 20岁 安徽 单身</font>
						</div></a> <a href="#"><img src="images/index/lizhu.jpg" width="160"
						height="161" />
						<div class="show_box3_02">
							<font>李柱 21岁 安徽 单身</font>
						</div></a>
				</div>
			</li>
			<li class="li_04">
				<div class="box">
					<a href="#"><img src="images/index/zhawenbin.jpg" width="160"
						height="160" />
						<div class="show_box4_02" style="margin-bottom: 164px;">
							<font>查文彬 21岁 安徽 单身</font>
						</div></a><span class="last"><a href="#"><img
							src="images/index/liudong.jpg" width="160" height="160" />
							<div class="show_box4_02">
								<font>刘东 21岁 安徽 单身</font>
							</div></a></span>
				</div>
			</li>
		</ul>
	</div>
	<script src="js/index/jquery.min.yy.js" type="text/javascript"></script>
	<script src="js/index/main.yy.js" type="text/javascript"></script>
	<script src="js/index/move.yy.js" type="text/javascript"></script>
</body>
</html>